<template>
	<div class="w-full h-full bg-white p-[50px] box-border relative">
		<input placeholder="请输入手机号" class="w-[650px] h-[100px] hover:outline-none border-b-[1px] border-solid border-[#E5E5E5]" type="text" />
		<input placeholder="请输入验证码" class="mt-[30px] w-[650px] h-[100px] hover:outline-none border-b-[1px] border-solid border-[#E5E5E5]" type="text" />
		<div class="box-border text-center px-[20px] leading-[30px] py-[15px] w-[200px] h-[60px] text-[#02B6FD] text-[28px] border-2 border-solid border-[#02B6FD] rounded-[50px] absolute right-[60px] top-[200px]">获取验证码</div>
		<div @click="Nav.navToPage('Index')" class="w-[650px] h-[90px] text-center text-white text-[32px] leading-[90px] bg-[#02B6FD] mt-[60px] rounded-full">同意协议并登录</div>
		<div class="mt-[50px] flex flex-row items-center text-[22px] text-[#B2B2B2] justify-start leading-[30px]">
			<input class="w-[30px] h-[30px] mr-[10px] align-middle" type="checkbox" name="" id="" />
			<div>已阅读并同意</div>
			<div class="text-[#02B6FD]">《用户服务协议》</div>
			<div>、</div>
			<div class="text-[#02B6FD]">《隐私权政策》</div>
		</div>
	</div>
</template>
<script setup lang="ts">
	import { Nav } from '@/main';
</script>
<style scoped></style>
